{{! The background photo is an <img> (not CSS) so WordPress adds srcset and lazy loading on the live site. A video (ADR 0074) plays over it on larger screens only: phones and visitors who ask for less motion keep the picture and download no video. More pictures (ADR 0107) follow the first one; on visitors' pages slides.js lets them take turns (data-sv-slides: seconds each), with a pause button. A tablet's and a phone's own background (ADR 0163) are layers of their own after these, drawn only on that screen (their pictures load lazily). }}
<{{tag}} {{@attrs}}{{#anchor}} id="{{anchor}}"{{/anchor}}>{{#bgMedia}}<div class="sv-section__bg sv-section__bg--{{overlay}}{{#overlayFade}} sv-section__bg--fade-{{overlayFade}}{{/overlayFade}}{{#bgSolid}} sv-section__bg--solid-{{overlaySolid}}{{/bgSolid}}{{#bgPlace}} sv-section__bg--at-{{backgroundPosition}}{{/bgPlace}}{{#bgContain}} sv-section__bg--contain{{/bgContain}}{{#bgCustom}} sv-section__bg--text-{{backgroundText}}{{/bgCustom}}{{#slideshow}} sv-section__bg--slides{{#slideZoom}} sv-section__bg--zoom{{/slideZoom}}{{/slideshow}}" aria-hidden="true"{{#slideshow}} data-sv-slides="{{#slideSeconds}}{{slideSeconds}}{{/slideSeconds}}{{^slideSeconds}}7{{/slideSeconds}}"{{/slideshow}}{{#bgCustom}} style="--sv-overlay-color:{{overlayColor}};--sv-overlay-strength:{{overlayStrength}}%"{{/bgCustom}}>{{#backgroundImage.url}}<img class="sv-section__bg-img wp-image-{{backgroundImage.id}}" src="{{backgroundImage.url}}" alt=""{{#backgroundImage.width}} width="{{backgroundImage.width}}" height="{{backgroundImage.height}}"{{/backgroundImage.width}} sizes="100vw">{{/backgroundImage.url}}{{#slideshow}}{{#backgroundSlides}}{{#image.url}}<img class="sv-section__bg-img wp-image-{{image.id}}" src="{{image.url}}" alt=""{{#image.width}} width="{{image.width}}" height="{{image.height}}"{{/image.width}} sizes="100vw" loading="lazy" decoding="async">{{/image.url}}{{/backgroundSlides}}{{/slideshow}}{{#backgroundVideo.url}}<video class="sv-section__bg-video" autoplay muted loop playsinline disablepictureinpicture><source src="{{backgroundVideo.url}}" media="(min-width: 768px) and (prefers-reduced-motion: no-preference)"></video>{{/backgroundVideo.url}}</div>{{/bgMedia}}{{#bgGradient}}<div class="sv-section__bg sv-section__bg--gradient sv-section__bg--to-{{gradientDirection}} sv-section__bg--text-{{backgroundText}}{{#gradient}} sv-section__bg--saved{{/gradient}}" aria-hidden="true" style="--sv-gradient-from:{{gradientFrom}};--sv-gradient-to:{{gradientTo}}{{#gradient}};--sv-gradient-fill:var(--sv-gradient-{{gradient}}){{/gradient}}"></div>{{/bgGradient}}{{#tNone}}<div class="sv-section__bg sv-section__bg--device sv-section__bg--on-t sv-section__bg--fill sv-section__bg--c-background" aria-hidden="true"></div>{{/tNone}}{{#tColor}}<div class="sv-section__bg sv-section__bg--device sv-section__bg--on-t sv-section__bg--fill sv-section__bg--c-{{tabletColor}}{{#tabletColorCustom}}-custom{{/tabletColorCustom}}" aria-hidden="true"{{#tabletColorCustom}} style="--sv-device-bg:{{tabletColorCustom}}"{{/tabletColorCustom}}></div>{{/tColor}}{{#tImage}}<div class="sv-section__bg sv-section__bg--device sv-section__bg--on-t sv-section__bg--ov-{{overlay}}{{#overlayFade}} sv-section__bg--fade-{{overlayFade}}{{/overlayFade}}{{#bgSolid}} sv-section__bg--solid-{{overlaySolid}}{{/bgSolid}}{{#bgPlace}} sv-section__bg--at-{{backgroundPosition}}{{/bgPlace}}{{#bgContain}} sv-section__bg--contain{{/bgContain}}{{#bgCustom}} sv-section__bg--ov-text-{{backgroundText}}{{/bgCustom}}" aria-hidden="true"{{#bgCustom}} style="--sv-overlay-color:{{overlayColor}};--sv-overlay-strength:{{overlayStrength}}%"{{/bgCustom}}><img class="sv-section__bg-img wp-image-{{tabletImage.id}}" src="{{tabletImage.url}}" alt=""{{#tabletImage.width}} width="{{tabletImage.width}}" height="{{tabletImage.height}}"{{/tabletImage.width}} sizes="100vw" loading="lazy" decoding="async"></div>{{/tImage}}{{#tGradient}}<div class="sv-section__bg sv-section__bg--device sv-section__bg--on-t sv-section__bg--gradient sv-section__bg--saved sv-section__bg--g-text-{{tabletText}}" aria-hidden="true" style="--sv-gradient-from:{{tabletFrom}};--sv-gradient-to:{{tabletTo}}{{#tabletGradient}};--sv-gradient-fill:var(--sv-gradient-{{tabletGradient}}){{/tabletGradient}}"></div>{{/tGradient}}{{#mNone}}<div class="sv-section__bg sv-section__bg--device sv-section__bg--on-m sv-section__bg--fill sv-section__bg--c-background" aria-hidden="true"></div>{{/mNone}}{{#mColor}}<div class="sv-section__bg sv-section__bg--device sv-section__bg--on-m sv-section__bg--fill sv-section__bg--c-{{mobileColor}}{{#mobileColorCustom}}-custom{{/mobileColorCustom}}" aria-hidden="true"{{#mobileColorCustom}} style="--sv-device-bg:{{mobileColorCustom}}"{{/mobileColorCustom}}></div>{{/mColor}}{{#mImage}}<div class="sv-section__bg sv-section__bg--device sv-section__bg--on-m sv-section__bg--ov-{{overlay}}{{#overlayFade}} sv-section__bg--fade-{{overlayFade}}{{/overlayFade}}{{#bgSolid}} sv-section__bg--solid-{{overlaySolid}}{{/bgSolid}}{{#bgPlace}} sv-section__bg--at-{{backgroundPosition}}{{/bgPlace}}{{#bgContain}} sv-section__bg--contain{{/bgContain}}{{#bgCustom}} sv-section__bg--ov-text-{{backgroundText}}{{/bgCustom}}" aria-hidden="true"{{#bgCustom}} style="--sv-overlay-color:{{overlayColor}};--sv-overlay-strength:{{overlayStrength}}%"{{/bgCustom}}><img class="sv-section__bg-img wp-image-{{mobileImage.id}}" src="{{mobileImage.url}}" alt=""{{#mobileImage.width}} width="{{mobileImage.width}}" height="{{mobileImage.height}}"{{/mobileImage.width}} sizes="100vw" loading="lazy" decoding="async"></div>{{/mImage}}{{#mGradient}}<div class="sv-section__bg sv-section__bg--device sv-section__bg--on-m sv-section__bg--gradient sv-section__bg--saved sv-section__bg--g-text-{{mobileText}}" aria-hidden="true" style="--sv-gradient-from:{{mobileFrom}};--sv-gradient-to:{{mobileTo}}{{#mobileGradient}};--sv-gradient-fill:var(--sv-gradient-{{mobileGradient}}){{/mobileGradient}}"></div>{{/mGradient}}{{@children}}</{{tag}}>